import React, { Component } from "react";
import Son from "./Son";

export default class index extends Component {
  constructor(props) {
    super(props);
    console.log("路由上下文组件：this.props", this.props);
  }
  render() {
    return (
      <div>
        <h1>路由上下文对象及其获取</h1>
        <ul>
          <li>
            {" "}
            1、当组件是通过路由跳转过来的，那么，路由上下文对象会挂载在当前组件的props上。
          </li>
          <li>
            2、当组件是不是路由跳转过来的，那么，路由上下文对象如何获取??
            <ul>
              <li>2.1)、使用高阶组件withRouter</li>
              <li>2.2)、使用高阶组件withRouter</li>
            </ul>
          </li>
        </ul>
        <hr />
        <Son {...this.props} ></Son>
      </div>
    );
  }
}
